<div class="kmi-layout-content E08-content c-mdd-page" ng-init="init();" page-type="Page" _transclude-elem="[object Object]">
  <div class="kmi-header-row">
    <div class="kmi-side-btn left mdd-side-return" ng-hide="_nowForm=='E08'" ng-click="BackForm(_nowForm);">
      <i class="material-icons"></i>
      <div class="kmi-can-click"></div>
    </div>
    <div class="brand-title">
      <div class="custom" ng-if="companyName">
        <div class="title" ng-bind="companyName"></div>
        <img src="" alt="" class="brand" />
        <div class="gap"></div>
      </div>
      <div class="digiwin">
        <img src="image/smes_v340/logo_ch.png" alt="" />
        <img src="image/smes_v340/logo_en.png" alt="" />
      </div>
    </div>
    <div class="header-title" ng-bind="_title | translate"></div>

    <div class="right" ng-show="_nowForm == 'E08'">
      <button ng-hide="_fn['E08_operatorList'].isShown == 'N'" ng-click="_fn['E08_operatorList'].click('operatorList');">
        <img src="image/smes_v340/W_Com_User_nor_32.png" />
        <div class="kmi-can-click"></div></button
      ><button ng-hide="_fn['E08_setting'].isShown == 'N'" ng-click="_fn['E08_setting'].click('setting');">
        <img src="image/smes_v340/setting.png" />
        <div class="kmi-can-click"></div>
      </button>
    </div>
    <div class="right" ng-show="_nowForm == 'E08_StationMachine'">
      <button ng-hide="_fn['E08_StationMachine_operatorList'].isShown == 'N'" ng-click="_fn['E08_StationMachine_operatorList'].click('operatorList');">
        <img src="image/smes_v340/W_Com_User_nor_32.png" />
        <div class="kmi-can-click"></div></button
      ><button ng-hide="_fn['E08_StationMachine_setting'].isShown == 'N'" ng-click="_fn['E08_StationMachine_setting'].click('setting');">
        <img src="image/smes_v340/setting.png" />
        <div class="kmi-can-click"></div>
      </button>
    </div>
  </div>
  <div class="kmi-layout-main-content">
    <div class="mdd-layout c-mdd-layout" layout-name="E08" ng-show="_nowForm == 'E08'" page-name="E08_" page-type="Page" with-toolbar="N" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
      <label class="label" ng-show="_event['E08_emptyTop'].isShown != 'N'" style="" ng-bind="'E08.columns.emptyTop' | translate"></label>
      <div class="value" ng-show="_event['E08_emptyTop'].isShown != 'N'" style="height:{{_event['E08_'].GetfillHeight()}};grid-column-start:span 3;"><label class="value" ng-bind="E08_emptyTop" mdl-toast="{{E08_emptyTop}}" mdl-toast-passive="true"></label></div>
      <label class="label" ng-show="_event['E08_area_no'].isShown != 'N'" style="" ng-bind="'E08.columns.area_no' | translate"></label>
      <div class="value" ng-show="_event['E08_area_no'].isShown != 'N'" style="grid-column-start: span 3">
        <input type="text" undefined="" id="area_no" ng-model="stationMachine.area_no" ng-keypress="_event['E08_area_no'].change(stationMachine.area_no, {event:$event});" ng-disabled="_event['E08_area_no'].isDisabled == 'Y'" />
        <div class="tip search">
          <img src="image/icons/search.png" ng-click="_event['E08_area_no'].click(stationMachine.area_no, {event:$event});" ng-disabled="_event['E08_area_no'].isDisabled == 'Y'" />
        </div>
      </div>
      <label class="label" ng-show="_event['E08_op_no'].isShown != 'N'" style="" ng-bind="'E08.columns.op_no' | translate"></label>
      <div class="value" ng-show="_event['E08_op_no'].isShown != 'N'" style="grid-column-start: span 3">
        <input type="text" undefined="" id="op_no" ng-model="stationMachine.op_no" ng-keypress="_event['E08_op_no'].change(stationMachine.op_no, {event:$event});" ng-disabled="_event['E08_op_no'].isDisabled == 'Y'" />
        <div class="tip search">
          <img src="image/icons/search.png" ng-click="_event['E08_op_no'].click(stationMachine.op_no, {event:$event});" ng-disabled="_event['E08_op_no'].isDisabled == 'Y'" />
        </div>
      </div>
      <label class="label" ng-show="_event['E08_machine_no'].isShown != 'N'" style="" ng-bind="'E08.columns.machine_no' | translate"></label>
      <div class="value" ng-show="_event['E08_machine_no'].isShown != 'N'" style="grid-column-start: span 3">
        <input type="text" undefined="" id="machine_no" ng-model="stationMachine.machine_no" ng-keypress="_event['E08_machine_no'].change(stationMachine.machine_no, {event:$event});" ng-disabled="_event['E08_machine_no'].isDisabled == 'Y'" />
        <div class="tip search">
          <img src="image/icons/search.png" ng-click="_event['E08_machine_no'].click(stationMachine.machine_no, {event:$event});" ng-disabled="_event['E08_machine_no'].isDisabled == 'Y'" />
        </div>
      </div>
      <label class="label" ng-show="_event['E08_single_confirm'].isShown != 'N'" style="" ng-bind="'E08.columns.single_confirm' | translate"></label>
      <div class="value" ng-show="_event['E08_single_confirm'].isShown != 'N'" style="grid-column-start: span 3">
        <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="_event['E08_single_confirm'].click('0', {event:$event});" ng-disabled="_event['E08_single_confirm'].isDisabled == 'Y'">
          <img ng-if="E08_single_confirm == '0'" src="image/icons/check1.png" />
          <img ng-if="E08_single_confirm != '0'" src="image/icons/check0.png" />
          {{'E08.displayValues.E08_single_confirm.0' | translate}}</button
        ><button class="mdl-button mdl-js-button kmi-checkbox" ng-click="_event['E08_single_confirm'].click('1', {event:$event});" ng-disabled="_event['E08_single_confirm'].isDisabled == 'Y'">
          <img ng-if="E08_single_confirm == '1'" src="image/icons/check1.png" />
          <img ng-if="E08_single_confirm != '1'" src="image/icons/check0.png" />
          {{'E08.displayValues.E08_single_confirm.1' | translate}}
        </button>
      </div>
      <label class="label" ng-show="_event['E08_emptyBottom'].isShown != 'N'" style="" ng-bind="'E08.columns.emptyBottom' | translate"></label>
      <div class="value" ng-show="_event['E08_emptyBottom'].isShown != 'N'" style="height:{{_event['E08_'].GetfillHeight()}};grid-column-start:span 3;"><label class="value" ng-bind="E08_emptyBottom" mdl-toast="{{E08_emptyBottom}}" mdl-toast-passive="true"></label></div>
    </div>
    <div class="mdd-layout c-mdd-layout" layout-name="E08_StationMachine" ng-show="_nowForm == 'E08_StationMachine'" page-name="E08_StationMachine_" page-type="Page" with-toolbar="N" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
      <div item-name="station_machine" class="kmi-layout-main-content stationMachine" style="height:{{_event['E08_StationMachine_'].GetfillHeight()}}; grid-column-start: span 4;">
        <div class="kmi-layout-page left" ng-class="{'is-min':machine_panel_mode == 'MIN', 'is-max':machine_panel_mode == 'MAX'}">
          <div class="kmi-layout-page left mdd-layout c-mdd-layout" layout-name="E08_PlotInfo" page-name="E08_StationMachine" ng-hide="machine_panel_mode == 'MIN'" ng-class="{'is-min':machine_panel_mode == 'MIN', 'is-max':machine_panel_mode == 'MAX'}" style="flex: 0 1 auto; margin-bottom: 10px; grid-template-columns: repeat(2, auto 1fr)" _transclude-elem="[object Object]">
            <label class="label" ng-show="_event['E08_StationMachinearea_no'].isShown != 'N'" style="" ng-bind="'E08_PlotInfo.columns.area_no' | translate"></label>
            <div class="value" ng-show="_event['E08_StationMachinearea_no'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="stationMachine.area_no" mdl-toast="{{stationMachine.area_no}}" mdl-toast-passive="true"></label></div>
            <div class="panel-btn" item-name="panel_btn" ng-click="changePanelSize('MIN');" style="right: 32px; grid-column-start: span 2">
              <img src="image/icons/dropleft.png" />
              <div class="kmi-can-click"></div>
            </div>
            <div class="panel-btn" item-name="panel_btn2" ng-click="changePanelSize('MAX');" style="grid-column-start: span 2">
              <img src="image/icons/dropright.png" />
              <div class="kmi-can-click"></div>
            </div>
            <label class="label" ng-show="_event['E08_StationMachineop_no'].isShown != 'N'" style="" ng-bind="'E08_PlotInfo.columns.op_no' | translate"></label>
            <div class="value" ng-show="_event['E08_StationMachineop_no'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="stationMachine.op_no" mdl-toast="{{stationMachine.op_no}}" mdl-toast-passive="true"></label></div>
            <label class="label" ng-show="_event['E08_StationMachinemachine_no'].isShown != 'N'" style="" ng-bind="'E08_PlotInfo.columns.machine_no' | translate"></label>
            <div class="value" ng-show="_event['E08_StationMachinemachine_no'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="stationMachine.machine_no" mdl-toast="{{stationMachine.machine_no}}" mdl-toast-passive="true"></label></div>
            <label class="label" ng-show="_event['E08_StationMachinemachine_name'].isShown != 'N'" style="" ng-bind="'E08_PlotInfo.columns.machine_name' | translate"></label>
            <div class="value" ng-show="_event['E08_StationMachinemachine_name'].isShown != 'N'" style=""><label class="value" ng-bind="stationMachine.machine_name" mdl-toast="{{stationMachine.machine_name}}" mdl-toast-passive="true"></label></div>
            <div item-name="btn" class="kmi-button kmi-button-confrim" style="width: 96px; justify-self: end; margin-right: 20px; grid-column-start: span 2">
              <label ng-bind="'E08.btn.load_B0210' | translate"></label>
              <div class="kmi-can-click" ng-click="load_B0210();"></div>
            </div>
          </div>
          <div class="panel-btn" item-name="panel_btn2" ng-show="machine_panel_mode == 'MIN'" ng-click="changePanelSize('MAX');">
            <img src="image/icons/dropright.png" />
            <div class="kmi-can-click"></div>
          </div>
          <div class="stationMachine-title" ng-bind="'E01.stationMachine_info' | translate" ng-show="machine_panel_mode == 'MIN'"></div>
          <div class="mdd-list c-mdd-list" list-name="E08_PlotList" list-bind="lot_result" ng-hide="machine_panel_mode == 'MIN'" list-alias="" page-name="E08_StationMachine" style="flex: 1; margin-top: 0px" _transclude-elem="[object Object]">
            <div class="kmi-list column-selector" kmi-scrollbar="840px" column-selector-id="E08_PlotList" style="flex: 1">
              <div class="kmi-list__header">
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['lot_result.plot_no'].isShown != 'N'">
                  <div class="filter" ng-show="_objlot_result.header[0].isFilter">
                    <input ng-model="_objlot_result.filterColumns['plot_no']" />
                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objlot_result.header[0].isFilter = false;_objlot_result.filterColumns['plot_no'] = '';">clear</i>
                  </div>

                  <div class="order" ng-hide="_objlot_result.header[0].isFilter">
                    <i class="material-icons search" style="z-index: 1" ng-click="_objlot_result.header[0].isFilter = true">search</i>
                    <label ng-bind="'E08_PlotList.columns.plot_no' | translate"></label>
                    <i class="material-icons" ng-show="_objlot_result.queryOrder == 0">{{!_objlot_result.header[0].order?'':''}}</i>
                    <div class="kmi-can-click" ng-click="orderResult(0, 'plot_no', '_objlot_result');"></div>
                  </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['lot_result.curqty'].isShown != 'N'">
                  <div class="filter" ng-show="_objlot_result.header[1].isFilter">
                    <input ng-model="_objlot_result.filterColumns['curqty']" />
                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objlot_result.header[1].isFilter = false;_objlot_result.filterColumns['curqty'] = '';">clear</i>
                  </div>

                  <div class="order" ng-hide="_objlot_result.header[1].isFilter">
                    <i class="material-icons search" style="z-index: 1" ng-click="_objlot_result.header[1].isFilter = true">search</i>
                    <label ng-bind="'E08_PlotList.columns.curqty' | translate"></label>
                    <i class="material-icons" ng-show="_objlot_result.queryOrder == 1">{{!_objlot_result.header[1].order?'':''}}</i>
                    <div class="kmi-can-click" ng-click="orderResult(1, 'curqty', '_objlot_result');"></div>
                  </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['lot_result.item_no'].isShown != 'N'">
                  <div class="filter" ng-show="_objlot_result.header[2].isFilter">
                    <input ng-model="_objlot_result.filterColumns['item_no']" />
                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objlot_result.header[2].isFilter = false;_objlot_result.filterColumns['item_no'] = '';">clear</i>
                  </div>

                  <div class="order" ng-hide="_objlot_result.header[2].isFilter">
                    <i class="material-icons search" style="z-index: 1" ng-click="_objlot_result.header[2].isFilter = true">search</i>
                    <label ng-bind="'E08_PlotList.columns.item_no' | translate"></label>
                    <i class="material-icons" ng-show="_objlot_result.queryOrder == 2">{{!_objlot_result.header[2].order?'':''}}</i>
                    <div class="kmi-can-click" ng-click="orderResult(2, 'item_no', '_objlot_result');"></div>
                  </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['lot_result.item_name'].isShown != 'N'">
                  <div class="filter" ng-show="_objlot_result.header[3].isFilter">
                    <input ng-model="_objlot_result.filterColumns['item_name']" />
                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objlot_result.header[3].isFilter = false;_objlot_result.filterColumns['item_name'] = '';">clear</i>
                  </div>

                  <div class="order" ng-hide="_objlot_result.header[3].isFilter">
                    <i class="material-icons search" style="z-index: 1" ng-click="_objlot_result.header[3].isFilter = true">search</i>
                    <label ng-bind="'E08_PlotList.columns.item_name' | translate"></label>
                    <i class="material-icons" ng-show="_objlot_result.queryOrder == 3">{{!_objlot_result.header[3].order?'':''}}</i>
                    <div class="kmi-can-click" ng-click="orderResult(3, 'item_name', '_objlot_result');"></div>
                  </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['lot_result.item_spec'].isShown != 'N'">
                  <div class="filter" ng-show="_objlot_result.header[4].isFilter">
                    <input ng-model="_objlot_result.filterColumns['item_spec']" />
                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objlot_result.header[4].isFilter = false;_objlot_result.filterColumns['item_spec'] = '';">clear</i>
                  </div>

                  <div class="order" ng-hide="_objlot_result.header[4].isFilter">
                    <i class="material-icons search" style="z-index: 1" ng-click="_objlot_result.header[4].isFilter = true">search</i>
                    <label ng-bind="'E08_PlotList.columns.item_spec' | translate"></label>
                    <i class="material-icons" ng-show="_objlot_result.queryOrder == 4">{{!_objlot_result.header[4].order?'':''}}</i>
                    <div class="kmi-can-click" ng-click="orderResult(4, 'item_spec', '_objlot_result');"></div>
                  </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['lot_result.wo_no'].isShown != 'N'">
                  <div class="filter" ng-show="_objlot_result.header[5].isFilter">
                    <input ng-model="_objlot_result.filterColumns['wo_no']" />
                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objlot_result.header[5].isFilter = false;_objlot_result.filterColumns['wo_no'] = '';">clear</i>
                  </div>

                  <div class="order" ng-hide="_objlot_result.header[5].isFilter">
                    <i class="material-icons search" style="z-index: 1" ng-click="_objlot_result.header[5].isFilter = true">search</i>
                    <label ng-bind="'E08_PlotList.columns.wo_no' | translate"></label>
                    <i class="material-icons" ng-show="_objlot_result.queryOrder == 5">{{!_objlot_result.header[5].order?'':''}}</i>
                    <div class="kmi-can-click" ng-click="orderResult(5, 'wo_no', '_objlot_result');"></div>
                  </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['lot_result.mo_qty'].isShown != 'N'">
                  <div class="filter" ng-show="_objlot_result.header[6].isFilter">
                    <input ng-model="_objlot_result.filterColumns['mo_qty']" />
                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objlot_result.header[6].isFilter = false;_objlot_result.filterColumns['mo_qty'] = '';">clear</i>
                  </div>

                  <div class="order" ng-hide="_objlot_result.header[6].isFilter">
                    <i class="material-icons search" style="z-index: 1" ng-click="_objlot_result.header[6].isFilter = true">search</i>
                    <label ng-bind="'E08_PlotList.columns.mo_qty' | translate"></label>
                    <i class="material-icons" ng-show="_objlot_result.queryOrder == 6">{{!_objlot_result.header[6].order?'':''}}</i>
                    <div class="kmi-can-click" ng-click="orderResult(6, 'mo_qty', '_objlot_result');"></div>
                  </div>
                </div>
              </div>
              <div class="kmi-list__row-content">
                <div class="kmi-list__row" id="E08_PlotList_result_list" ng-repeat="item in _event['lot_result'].getPages(lot_result, _objlot_result.PageConfig, _objlot_result.filterColumns, _objlot_result.header[_objlot_result.queryOrder]) track by $index" ng-class="{'is-select':_event['lot_result'].checkSelect(item, {index:$index, event:$event})}">
                  <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.plot_no" ng-if="_event['lot_result.plot_no'].isShown != 'N'"></div>
                  <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.curqty" ng-if="_event['lot_result.curqty'].isShown != 'N'"></div>
                  <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.item_no" ng-if="_event['lot_result.item_no'].isShown != 'N'"></div>
                  <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.item_name" ng-if="_event['lot_result.item_name'].isShown != 'N'"></div>
                  <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.item_spec" ng-if="_event['lot_result.item_spec'].isShown != 'N'"></div>
                  <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.wo_no" ng-if="_event['lot_result.wo_no'].isShown != 'N'"></div>
                  <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.mo_qty" ng-if="_event['lot_result.mo_qty'].isShown != 'N'"></div>
                  <div class="kmi-can-click" ng-click="_event['lot_result'].rowClick(item, {index:$index, event:$event});"></div>
                </div>
              </div>
            </div>
            <div class="page-content">
              <div class="page-icon">
                <img src="image/icons/dropleft.png" />
                <div class="kmi-can-click" ng-click="prevPage(_objlot_result.PageConfig);"></div>
              </div>
              <label ng-bind="pageInfo(_objlot_result.PageConfig);"></label>
              <div class="page-icon">
                <img src="image/icons/dropright.png" />
                <div class="kmi-can-click" ng-click="nextPage(_objlot_result.PageConfig);"></div>
              </div>
            </div>
          </div>
        </div>
        <div item-name="station_machine" class="kmi-layout-page right" ng-hide="machine_panel_mode == 'MAX'">
          <div id="sound-content">
            <audio id="success-sound">
              <source src="sound/beep1s.mp3" type="audio/mp3" />
            </audio>
            <audio id="fail-sound">
              <source src="sound/doubleBeep1s.wav" type="audio/wav" />
            </audio>
          </div>
          <div class="pcs-content" ng-show="selectItem &amp;&amp; selectItem.work_mode != '0'" ng-class="{'content-min':isESOPSize=='MAX'}">
            <div class="fields" style="padding: 0 8px">
              <div class="kmi-text-fields">
                <div class="triger-btn" ng-click="changeESOPSize('MAX');" ng-show="selectItem.work_mode != '0'">
                  <i class="material-icons close">remove</i>
                  <i class="material-icons open">add</i>
                  <div class="kmi-can-click"></div>
                </div>
                <label class="label title" ng-bind="'E08.work_mode_'+work_mode | translate" style="margin-left: 8px"></label>
                <input class="value" id="input_barcode" ng-keypress="barcodeScan($event);" ng-blur="input_blur();" />
                <label class="label" ng-bind="'E08.label' | translate" style="margin-left: 8px"></label>
                <input class="value" readonly="" ng-value="selectItem.label_no" ng-click="selectLabel();" />
                <div class="tip"><i class="material-icons"></i></div>
                <div class="triger-btn info" ng-click="isShowProductionInfo = !isShowProductionInfo" style="margin-left: 8px">
                  <i class="material-icons" ng-if="!isShowProductionInfo"></i>
                  <i class="material-icons" ng-if="isShowProductionInfo">close</i>
                  <div class="kmi-can-click"></div>
                </div>
              </div>
            </div>
            <div class="fields info" ng-show="isShowProductionInfo" style="flex: 1">
              <div class="kmi-text-fields">
                <label class="label" ng-bind="'E08.wo_no' | translate"></label>
                <label class="value" ng-bind="selectItem.wo_no"></label>
                <label class="label" ng-bind="'E08.mo_qty' | translate"></label>
                <label class="value" ng-bind="selectItem.mo_qty"></label>
              </div>
              <div class="kmi-text-fields">
                <label class="label" ng-bind="'E08.item_no' | translate"></label>
                <label class="value" ng-bind="selectItem.item_no"></label>
              </div>
              <div class="kmi-text-fields">
                <label class="label" ng-bind="'E08.item_name' | translate"></label>
                <label class="value" ng-bind="selectItem.item_name"></label>
              </div>
              <div class="kmi-text-fields">
                <label class="label" ng-bind="'E08.item_spec' | translate"></label>
                <label class="value" ng-bind="selectItem.item_spec"></label>
              </div>
            </div>
            <!-- 20220329 modify by Alan for#109578 : 修正欄位寬度無法調整的問題 -->
            <!-- pcs-list 會動態載入到這裡-->
            <div class="sum-fields">
              <div class="kmi-text-fields">
                <label class="label" ng-bind="('E08.note' | translate) + selectItem.pcs_detail.length"></label>
                <label class="label" ng-bind="('E08.total' | translate) + selectItem.total_pcs_qty"></label>
                <label class="label" ng-bind="('E08.Remaining' | translate) + selectItem.remaining"></label>
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="changePrint_sn();">
                  <img ng-src="{{stationMachine.print_sn == '1'?'image/icons/check1.png':'image/icons/check0.png'}}" />
                  <!-- {{'E08.print_sn' | translate}} -->
                  <label class="label" ng-bind="'E08.print_sn' | translate"></label>
                </button>
              </div>
              <div class="btn-content">
                <div class="kmi-button kmi-button-cancel" ng-hide="isShowProductionInfo">
                  <label ng-bind="'E08.btn.abnormal' | translate"></label>
                  <div class="kmi-can-click" ng-click="openAbnormalList();"></div>
                </div>
                <div class="kmi-button kmi-button-confrim" ng-hide="isShowProductionInfo" style="margin: 4px 0 4px 8px">
                  <label ng-bind="'common.btn.confirm' | translate"></label>
                  <div class="kmi-can-click" ng-click="pcs_confirm();"></div>
                </div>
              </div>
            </div>
          </div>
          <!-- 20230321 modify by Alan for#130966: -->
          <div class="esop-title" ng-show="selectItem &amp;&amp; SOP_PLM">
            <div class="esop-triger-page" ng-click="changeESOPSize('MIN');" ng-show="selectItem.work_mode != '0'">
              <i class="material-icons close" ng-show="isESOPSize != 'MIN'">remove</i>
              <i class="material-icons open" ng-show="isESOPSize == 'MIN'">add</i>
              <div class="kmi-can-click"></div>
            </div>
            <label style="margin-left: 8px; flex: 1">eSOP</label>
            <div class="esop-triger-page" ng-click="isListOpen = !isListOpen">
              <i class="material-icons" ng-if="isListOpen">close</i>
              <i class="material-icons" ng-if="!isListOpen">menu</i>
              <div class="kmi-can-click"></div>
            </div>
          </div>
          <!-- 20230321 modify by Alan for#130966: -->
          <div class="esop-content" ng-show="selectItem &amp;&amp; SOP_PLM" ng-class="{'content-min':(isESOPSize=='MIN' &amp;&amp; selectItem.work_mode != '0')}">
            <div class="esop-content-page">
              <iframe id="kmi-pdf-panel" name="kmi-pdf-panel" ng-show="currentFile.content_type == '0'"></iframe>
              <video id="kmi-video-panel" width="320" height="240" controls="" autoplay="" loop="" style="width: 100%; height: 100%" ng-show="currentFile.content_type == '1'" onclick="this.paused?this.play():this.pause();"></video>
              <div style="overflow: auto; text-align: center; width: 100%; flex: 1" ng-show="currentFile.content_type == '2'">
                <img id="kmi-img-panel" ng-src="{{currentFile.esop_content}}" />
              </div>
              <div class="toolbar" ng-show="currentFile.content_type == '0' || currentFile.content_type == '2'">
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub" ng-click="zoom_in();">
                  <img src="image/icons/add.png" />
                </button>
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub" ng-click="zoom_out();">
                  <img src="image/icons/remove.png" />
                </button>
              </div>
            </div>
            <div class="esop-list-page" ng-show="isListOpen">
              <div class="kmi-list kmi-list__no-header none-scrollbar">
                <div class="kmi-list__row-content">
                  <div class="kmi-list__row" ng-class="{'even-row':$even,'odd-row':$odd}" ng-repeat="esopFile in selectItem.esop_result track by $index" ng-click="clickEsopFile(esopFile);">
                    <div class="kmi-list__column" style="flex: 1; white-space: normal" ng-bind="esopFile.esop_name"></div>
                    <div class="kmi-can-click"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="kmi-layout-footer" ng-show="_nowForm == 'E08'">
      <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-disabled="_fn['E08_confirm'].isDisabled == 'Y'" ng-hide="_fn['E08_confirm'].isShown == 'N'" ng-click="_fn['E08_confirm'].click('confirm');">
        <i class="material-icons">done</i>
      </button>
    </div>
  </div>
</div>
